<div class="container-fluid">
	<div id="content">
		<i class="fa fa-group" style="font-size:28px">&nbsp;球队</i>
		<hr>

		<div id="mainContent">

			<div id="existingTeamList">
				<table class="table teamsTable" style="text-align: center; width: 70%;">
					<thead>
						<tr >
							<th colspan="6">NBA球队</th>
						</tr>
					</thead>
					<tbody>
						<#assign seq = existingTeams>
							<#list seq?chunk(6) as row>
								<tr>
									<#list row as cell>
										<td>
											<a href="javascript:void(0)" onclick="toTeamPage('${cell.teamId}')" style="color: #000000;">
												<img src="http://www.stat-nba.com/image/teamImage/${cell.teamId}.gif" width="99" height="66"/>
												<div>${cell.teamCName}</div>
											</a>
										</td>
									</#list>
								</tr>
							</#list>
					</tbody>
				</table>
			</div>
			<br>
			
			<div id="historyTeamList">
				<table class="table teamsTable" style="text-align: center; width: 90%;">
					<thead>
						<tr>
							<th colspan="8">NBA历史球队</th>
						</tr>
					</thead>
					<tbody>
						<#assign seq = historyTeams>
							<#list seq?chunk(8) as row>
								<tr>
									<#list row as cell>
										<td>
											<a href="javascript:void(0)" onclick="toTeamPage('${cell.teamId}')" style="color: #000000;">
												<img src="http://www.stat-nba.com/image/teamImage/${cell.teamId}.gif" width="99" height="66"/>
												<div>${cell.teamCName}</div>
											</a>
										</td>
									</#list>
								</tr>
							</#list>
					</tbody>
				</table>
			</div>

		</div>
	</div>
</div>
